div.yg-cart {
    background: #fff;

    div.yg-cart-empty {
        width: 100%;

        img {
            width: 100%;

        }

        h3.empty_text {
            text-align: center;
            font-size: 0.8rem;
            margin-top: 0.533333rem;

            a {
                color: var(--themeColor);

            }
        }
    }

    div.yg-cart-content {
        div.cart-content-nav {
            background: var(--themeColor);
            color: #fff;
        }

        div.cart-content-list {
            div.content-list-item {
                height: 2.666667rem;
                display: flex;
                align-items: center;
                border-bottom: 1px solid #ddd;

                div.list-item-left {
                    flex: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    i.iconfont.icon-shanchu-xuanzhong {}
                }

                div.list-item-mid {
                    flex: 2;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    img {

                        height: 2.4rem;
                        width: 2.4rem;
                    }
                }

                div.list-item-right {
                    flex: 4;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    height: 2.6rem;

                    div.right-top {
                        div.right-top-title {
                            display: -webkit-box;
                            overflow: hidden;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                        }
                    }

                    div.right-bottom {
                        display: flex;
                        justify-content: space-between;

                        div.right-bottom-left {
                            color: var(--themeColor)
                        }

                        div.right-bottom-right {
                            height: 0.8rem;
                            display: flex;
                            align-items: center;

                            i.iconfont.icon-iconset0187 {
                                margin-right: 0.266667rem;
                            }

                            span.num {
                                margin-right: 0.266667rem;
                            }

                            i.iconfont.icon-icon- {
                                margin-right: 0.266667rem;

                            }
                        }
                    }
                }
            }
        }
    }

    div.cart-content-bottom {
        position: fixed;
        bottom: 1.333333rem;
        left: 0;
        right: 0;
        background: #fff;
        height: 1.333rem;
        align-items: center;
        display: flex;

        div.all-checked {
            flex: 1;
            display: flex;
            align-items: center;

            i.circle {
                height: 0.5333rem;
                width: 0.533333rem;
                border-radius: 50%;
                border: 1px solid #000;
                margin-left: 0.133333rem
            }

            span.text {
                margin-left: 0.133333rem;
                color: #ccc;
                font-size: 0.373333rem;
            }
        }

        div.totalPrice {
            flex: 2;

            span.text1 {
                font-size: 0.373333rem;
            }

            span.price {
                font-size: 0.373333rem;
                color: var(--themeColor)
            }
        }

        div.pay {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right:0.266667rem;
            span.text3 {
                width: 2.666667rem;
                height: 0.8rem;
                align-items: center;
                justify-content: center;
                display: flex;
                color: #fff;
                border-radius: 0.4rem;
                background: var(--themeColor)
            }
        }
    }
}